<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/pages/templates/TemplateClient.xhtml">

	<ui:define name="titre">Fun With Videos</ui:define>
	<ui:define name="content">
<h:head></h:head>
	<h:body>
		<h:form>
		<fieldset class="fsPrincipal"><legend><strong>Mon panier</strong></legend> <br />
		<p:dataTable value="#{mbPanier.p.choixVideos}" var="lp" style="width:100%">
		<p:column headerText="Titre">
		<h:outputLabel value="#{lp.video.nom}" style="align: center;" />
		</p:column>
		<p:column>
		<p:graphicImage value="resources/images/#{lp.video.affiche}.gif" style="align:center;" />
		</p:column>
		<p:column headerText="Durée">
		<h:outputText value="#{lp.video.duree} min" style="align: center;" />
		</p:column>
		<p:column headerText="Prix">
		<h:outputLabel />
		</p:column>
		<p:column headerText="Supprimer">
		 <h:selectBooleanCheckbox value="#{lp.supprimer}" style="align: center;" />
		</p:column>
		<p:row></p:row>
		</p:dataTable> 
		<div style="width:920px"><h:commandButton
				action="#{mbPanier.supprimerPanier}" value="Supprimer la sélection" class="btnlong" />
			</div>
			</fieldset>
		
		<div class="divBtn"><h:commandButton
				action="#{mbPanier.validerPanier}" value="Valider la commande" class="btnlong" />
			</div>


		</h:form>
		</h:body>
	</ui:define>
</ui:composition>
